<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>State Explorer</title>

  <link rel="stylesheet" href="styles.css">
  <style type='text/css'>
    .json-key     { color: brown; }
    .json-string  { color: olive; }
    .json-number  { color: navy; }
    .json-boolean { color: teal; }
    .json-null    { color: dimgray; }
    json-cid      { display: inline-block; white-space: normal; vertical-align: top; }
  </style>

</head>

<body>
  <script src="app.js"></script>

  <nav class="navbar navbar-default">
    <div class="navbar-header">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" id='current'>Current</button>
        </span>
        <input type="text" class="form-control" placeholder="State CID (or height)..." id='stateroot'>
      </div>
    </div>
  </nav>

  <div class="container">
    <code id="root" style="display:block;color:black;"></code>
  </div>
</body>
</html>
